<?php

echo '<script src="javascript/jquery/jquery-1.8.3.js" type="text/javascript"></script>';
echo '<script src="javascript/cgcq/text_editor_menu/jquery.easing.1.3.js" type="text/javascript"></script>';
echo '<script src="javascript/cgcq/text_editor_menu/jquery-fieldselection.js" type="text/javascript"></script>';
echo '<script src="javascript/cgcq/text_editor_menu/menu.js" type="text/javascript"></script>';
echo '<style type="text/css">
		<!--
			body{margin:0; padding:0;}
			#fl_menu{position:absolute; top:50px; left:0px; z-index:9999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
			#fl_menu .label{padding:10px 20px; font-weight:bold; background:#000; color:#fff; letter-spacing:7px; float:left; margin:1px 0 0 1px;}
			#fl_menu .menu{float:left;}
			#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; margin:1px 0 0 1px; padding:10px 20px; text-decoration:none; float:left;}
			#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}
			.content{width:520px; margin:50px auto;}
		-->
		</style>
	';


?>

<div id="fl_menu">
	<div class="label">MENU</div>
	<div class="menu">
    	<a href="#" class="menu_item">An menu item</a>
        <a href="#" class="menu_item">A long menu item</a>
        <a href="#" class="menu_item">Item 3</a>
        <a href="#" class="menu_item">Another one</a>
        <a href="#" class="menu_item">A really, really long menu item</a>
        <a href="#" class="menu_item">Menu item 6</a>
        <a href="#" class="menu_item">And one more</a>
        <a href="#" class="menu_item">A tiny</a>
    </div>
</div>